<template>
    <div>
        <div>{{ $route.meta.title }}</div>
        <form action="">
            <!-- 输入框 -->
            <input type="text" v-model="form.inp"><br>
            <!-- 单选 -->
            <input type="radio" v-model="form.sex" :value="1">男
            <input type="radio" v-model="form.sex" :value="2">女
            <br>
            <!-- 多选 [] -->
            <input type="checkbox" v-model="form.hobby" :value="1">篮球
            <input type="checkbox" v-model="form.hobby" :value="2">足球
            <input type="checkbox" v-model="form.hobby" :value="3">乒乓球
            <input type="checkbox" v-model="form.hobby" :value="4">羽毛球
            <input type="checkbox" v-model="form.hobby" :value="5">排球
            <input type="checkbox" v-model="form.hobby" :value="6">网球
            <br>
            <!-- 下拉 -->
            <select name="web" id="sel" v-model="form.select">
                <option :value="1">js</option>
                <option :value="2">html</option>
                <option :value="3">css</option>
            </select>
        </form>
        <div>{{ form }}</div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            form: {
                inp: 0,
                sex: 1,
                hobby: [1,3],
                select: 0
            }
        }
    }
}
</script>
<style></style>